/*公共css*/
@import url(common.css); 
/*common*/
.head{width:100%;background:#fff none repeat scroll 0 0;height:13em;}
a,em{color:#666;font-style:normal}
.cf::after,.cf::before,.clearfix::after,.clearfix::before{content:"";display:table}
.cf::after,.clearfix::after{clear:both}
.cf::after,.cf::before,.clearfix::after,.clearfix::before{content:"";display:table}
.cf,.clearfix{clear:both}
.breadcrumbs{padding:15px 0}
.breadcrumbs em{font-style:normal;padding:0 10px}
.details-topcon{background-color:#fff;border:1px solid #efeeee;margin-bottom:20px;overflow:hidden;padding:20px}
.details-topcon-pic,.details-topcon-play{height:346px;overflow:hidden;position:relative;width:460px}
.details-topcon-pic img,.details-topcon-play img{height:100%;width:100%}
.details-topcon-info{width:660px}
.details-topcon-info .title{color:#333;font-size:20px;margin-bottom:7px;max-height:64px}
.details-topcon-info .summary{color:#666}
.details-topcon-info .summary li{margin-bottom:8px}
.details-topcon-info .price{background-color:#f9f9f9;height:50px;line-height:50px}
.details-topcon-info .text{color:#aaa;display:inline-block;padding-left:10px;width:70px}
.details-topcon-info .price .num{color:#fc6238;font-size:32px;font-weight:700;margin-right:17px;vertical-align:middle}
.money{font:400 24px arial;margin-right:5px}
.details-topcon-info .price{line-height:50px}
.details-topcon-info .summary li{margin-bottom:8px}
.details-topcon-info .purchase{border-bottom:1px solid #f4f4f4;padding-bottom:10px}
.details-topcon-info .purchase .w-buy{width:200px}
.details-topcon-info .text{color:#aaa;display:inline-block;padding-left:10px;width:70px}
.c-333{color:#333}
.details-topcon-info .total{width:200px}
.details-topcon-info .total .text,.details-topcon-info .validity .text{letter-spacing:6px}
.details-topcon-info .text{color:#aaa;display:inline-block;padding-left:10px;width:70px}
.details-topcon-info .total em,.details-topcon-info .validity em{color:#333;padding-right:5px}
.details-topcon-info .validity{height:20px;margin-top:-2px;overflow:hidden}
.details-topcon-info .validity-help{display:inline-block;position:relative;vertical-align:middle;z-index:11}
.ico-validity-help{background:url(../images/ico-course-details.png) no-repeat scroll -250px -60px;cursor:pointer;display:inline-block;height:20px;vertical-align:-1px;width:20px}
.ico-validity-help:hover{background-position:-271px -60px}
.details-topcon-info .validity-help:hover .arrow-b{display:block}
.details-topcon-info .validity-help .arrow-b{display:none;left:-28px;top:-40px}
.details-topcon-info .cor,.details-topcon-info .recent-live .cor{color:#fc714c}
.details-topcon-info .recent-live{display:inline-block}
.details-topcon-info .recent-live span{color:#666;padding-right:10px}
.details-topcon-info .recent-live .time{color:#ccc;display:inline-block;padding-left:10px}
.details-topcon-info .apply{overflow:hidden;padding:10px 0 14px 10px}
.details-topcon-info .apply .ck-btn{margin-right:10px}
.ck-btn1,.ck-btn7{background-color:#f63}
.ck-btn-gray,.ck-btn1,.ck-btn2{font-family:"microsoft yahei";font-size:20px;height:50px;line-height:50px;width:150px}
.ck-btn{color:#fff;cursor:pointer;display:inline-block;text-align:center}
.details-topcon-info .cart{background-color:#ffe9d7;border:1px solid #ffbf89;color:#fd8e30;display:block;font-size:18px;height:48px;line-height:50px;margin-right:10px;text-align:center;vertical-align:middle;width:158px}
.details-topcon-info .ico-cart,.details-topcon-info .ico-play{background:url(../images/ico-course-details.png) no-repeat scroll 0 -60px;display:inline-block;height:24px;line-height:20px;margin:0 8px 0 0;vertical-align:middle;width:22px}
.details-topcon-info .promise{color:#999}
.details-topcon-info .return{background-color:#fea12e;color:#fff;display:inline-block;height:16px;line-height:16px;text-align:center;width:16px}
.details-topcon-info .collect,.details-topcon-info .share{border:1px solid #fff;color:#888;display:block;height:48px;line-height:48px;padding:0 8px}
.details-topcon-info .ico-share,.ico-collect{background:url(../images/ico-course-details.png) no-repeat scroll 0 0;display:inline-block;height:18px;margin-right:5px;vertical-align:middle;width:18px;background-position:-50px -64px}
.details-topcon-info .dividing{color:#e6e6e6;margin:16px 0 0 -2px}
#bdshare{float:left;font-size:12px;padding-bottom:2px;text-align:left!important;z-index:999999}
.details-topcon-info .collect,.details-topcon-info .share{border:1px solid #fff;color:#888;display:block;height:48px;line-height:48px;padding:0 8px}
.details-topcon-info .ico-share,.ico-collect{background:url(../images/ico-course-details.png) no-repeat scroll 0 0;background-position:-27px -64px;display:inline-block;height:18px;margin-right:5px;vertical-align:middle;width:18px}
.details-info{width:920px}
.main-c{min-height:500px}
.m-nav{border:1px solid #e6e6e6;height:40px}
.m-nav ul{height:40px}
.m-nav li{float:left}
.m-nav li .curr{background-color:#fff;border-bottom:3px solid #e84a49;height:38px;line-height:34px}
.m-nav .link{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;color:#666;display:block;font-size:14px;height:40px;line-height:40px;margin-left:-1px;padding:0 48px;position:relative}
.c-orange{color:#e84a49}
.m-content{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#fff;border-color:-moz-use-text-color #e6e6e6 #e6e6e6;border-image:none;border-style:none solid solid;border-width:medium 1px 1px;min-height:200px}
.m-catalog{padding:20px}
.m-catalog .header{background-color:#f2f1f1;height:46px;width:100%}
.m-catalog .header .title{color:#333;font-size:16px;font-weight:400;line-height:46px;padding-left:20px}
.m-catalog .chapter-title{color:#333;background-color:#fefefe;font-size:14px;font-weight:400;height:46px;line-height:46px}
.m-catalog .chapter-title em{display:block;float:left;padding-left:20px;width:60px}
.m-catalog-list .bg-cor{background-color:#f7f7f7}
.m-catalog-list li{vertical-align:top}
.m-catalog-list .chapter{background-color:#fafafa;height:46px;position:relative;width:100%}
.m-catalog-list .chapter .num{color:#bbb;display:block;float:left;font-family:arial;line-height:46px;padding-left:30px;width:50px}
.m-catalog-list .chapter .title{color:#333;font-size:14px;line-height:46px;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-catalog-list .offline,.m-catalog-list .status{color:#bbb;float:right;margin:14px 30px 0 0}
.m-catalog-list .status span{margin-left:10px}
.m-catalog-list .listen{display:none;margin:7px 20px 0 0}
.ck-btn4{height:30px;line-height:30px;width:86px}
.ck-btn3,.ck-btn4,.ck-btn5{background-color:#E84A49;font-size:14px}
.ck-btn{color:#fff;cursor:pointer;display:inline-block;text-align:center}
.m-catalog-list .info,.m-catalog-list .location{background-color:#fff;color:#666;padding:10px 30px 11px 80px;text-align:justify;word-wrap:break-word}
.side{background-color:#f5f5f5;padding:0 20px;width:210px}
.details-Teacher{padding-top:20px}
.details-Teacher li{overflow:hidden;color:#333;padding-bottom:14px}
.details-Teacher .pic{display:block;height:60px;margin:0 15px 13px 0;overflow:hidden;width:60px}
.details-Teacher .pic img{width:100%}
.details-Teacher .title{color:#333;display:block;font-size:16px;padding:3px 0 10px}
.te{text-overflow:ellipsis}
.details-Teacher .text{color:#999;display:inline-block;width:74px}
.c-999{color:#999}
.details-Teacher .enter{padding-top:13px}
.ck-btn3{height:40px;line-height:40px;width:98px}
.details-Teacher .collect{background-color:#fff;border:1px solid #e6e6e6;color:#666;display:inline-block;height:38px;line-height:38px;text-align:center;vertical-align:middle;width:96px}
